<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <!-- 微软的老式浏览器 -->
    <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <!-- 显示窗口 宽度 是 客户端的 屏幕 宽度 （就是 满屏 ！），显示的文字和图形的初始比例 是 1.0 -->
    <link rel="stylesheet" href="css/layui.mobile.css">
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="stylesheet" type="text/css" href="css/chongzhi.css">
    <script src="js/common.js"></script>
	<title>充值选择</title>
</head>
<body>
	<div class="money">
		<p>选择金额</p>
		<input type="button" name="" id="bt1"  onclick="addClass(this)" value="5元">
		<input type="button" name="" id="bt2"  onclick="addClass(this)" value="10元">
		<input type="button" name="" id="bt3"  onclick="addClass(this)" value="20元">
		<input type="button" name="" id="bt4"  onclick="addClass(this)" value="50元">
		<input type="button" name="" id="bt5"  onclick="addClass(this)" value="100元">
		<input type="button" name="" id="bt6"  onclick="addClass(this)" value="200元">
		<input type="button" name="" id="bt7"  onclick="addClass(this)" value="300元">
		<input type="button" name="" id="bt8"  onclick="addClass(this)" value="500元">
	</div>
	<div class="goumai">
		<input type="button" name="" id="" value="立即购买">
	</div>
	<script src="js/jquery/jquery-2.2.4.min.js"></script>
	<script type="text/javascript">
		function addClass(obj) {
			var _this=$(obj);
			_this.addClass("active").siblings().removeClass("active");

        }
</script>
</body>
</html>